<template>
    <div class="block-title">
         <h4 class="title">
            {{title}}
        </h4>
    </div>
   
</template>

<script lang='ts'>
import { Component, Prop, Watch, Vue } from 'vue-property-decorator'

@Component({})
export default class blockTitle extends Vue{
    name:string = 'block-title'

    @Prop()
    title:string
    
} 

</script>

<style scoped lang='scss'>

.block-title{
    margin-bottom: _intervals(2);
    padding: _rem(6px) 0;
    
    .title{
        display: inline-block;
        padding-right: _intervals();
        background: #fff;

        font-size: $font-big;
    }
}

</style>